<template>
    <div class="hpage">
        <topnav pageindex="1"></topnav>
        <div class="wx-code-wrap">
            <div class="wx-pic-wrap">
                <img src="../assets/imgs/wxgroup.jpg">
            </div>
            <div class="wx-word-wrap">GPU服务号</div>
        </div>
        <div class="addrwrap">
            <h1>如何链接我们的矿池</h1>
            <div class="addrmain">
                <div class="addrlist">
                    <ul>
                        <li class="brl brt pd10px">币种</li>
                        <li class="brt pd10px">pplns链接地址</li>
                        <li class="brt pd10px">pps链接地址</li>
                    </ul>
                </div>
                <div class="addrlist">
                    <ul>
                        <li class="h65px lh65px brl">ETH</li>
                        <li class="h65px">
                            <p>eth-hz.poolgpu.com:9009</p>
                            <p>eth-sh.poolgpu.com:9009</p>
                            <p>eth-cd.poolgpu.com:9009</p>
                        </li>
                        <li class="h65px">
                            <p>eth-hz.poolgpu.com:8008</p>
                            <p>eth-sh.poolgpu.com:8008</p>
                            <p>eth-cd.poolgpu.com:8008</p>
                        </li>
                    </ul>
                </div>
                <div class="addrlist">
                    <ul>
                        <li class="h65px lh65px brl">ETC</li>
                        <li class="h65px">
                            <p>etc.poolgpu.com:9009</p>
                            <p>etc1.poolgpu.com:9009</p>
                            <p>etc2.poolgpu.com:9009</p>
                        </li>
                        <li class="h65px">
                            <p>etc.poolgpu.com:8008</p>
                            <p>etc1.poolgpu.com:8008</p>
                            <p>etc2.poolgpu.com:8008</p>
                        </li>
                    </ul>
                </div>
                <div class="addrlist">
                    <ul>
                        <li class="h65px lh65px brl">EXP</li>
                        <li class="h65px">
                            <p class="m10px">exp.poolgpu.com:9009</p>
                            <p>expcd.poolgpu.com:9009</p>
                        </li>
                        <li class="h65px">
                            <p class="m10px">exp.poolgpu.com:8008</p>
                            <p>expcd.poolgpu.com:8008</p>
                        </li>
                    </ul>
                </div>
                <div class="addrlist">
                    <ul>
                        <li class="h65px lh65px brl">ZEC</li>
                        <li class="h65px">
                            <p>zec-sh.poolgpu.com:9999</p>
                            <p>zec-cd.poolgpu.com:9999</p>
                            <p>zec-hz.poolgpu.com:9999</p>
                        </li>
                        <li class="h65px"></li>
                    </ul>
                </div>
                <div class="addrlist">
                    <ul>
                        <li class="h95px lh95px brl">SC</li>
                        <li class="h95px"></li>
                        <li class="h95px">
                            <p>sia.poolgpu.com:7777</p>
                            <p>sia-cd.poolgpu.com:7777</p>
                            <p class="m10px" style="color:red;">注：sc挖矿必须使用stratum协议，不能用http协议</p>
                        </li>
                    </ul>
                </div>
                <div class="addrlist">
                    <ul>
                        <li class="h65px lh65px brl">BTX</li>
                        <li class="h65px">
                            <p>btx-cd.poolgpu.com:6667</p>
                            <p>btx-sh.poolgpu.com:6667</p>
                            <p>btx-hz.poolgpu.com:6667</p>
                        </li>
                        <li class="h65px"></li>
                    </ul>
                </div>
                <div class="addrlist">
                    <ul>
                        <li class="h65px lh65px brl">DCR</li>
                        <li class="h65px">
                            <p>dcr-cd.poolgpu.com:6666</p>
                        </li>
                        <li class="h65px"></li>
                    </ul>
                </div>
                <div class="addrlist">
                    <ul>
                        <li class="h65px lh65px brl">XWC</li>
                        <li class="h65px"></li>
                        <li class="h65px">
                            <p>xwc.poolgpu.com:18008</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="datawrap">
            <h1>主要数据</h1>
            <el-table
                :data="coindata"
                stripe
                style="" v-show="coindata.length">
                <el-table-column
                    label="COIN">
                    <template scope="scope">
                        <span>
                            <span>{{scope.row.coin.toUpperCase()}}</span>
                        </span>
                    </template>
                </el-table-column>
                <el-table-column
                    prop="refprice"
                    label="参考价格(CNY)"
                    width="">
                </el-table-column>
                <el-table-column
                    prop="minerct"
                    label="矿工数"
                    width="">
                </el-table-column>
                <el-table-column
                    prop="hrate"
                    label="矿池算力"
                    width="">
                </el-table-column>
                <el-table-column
                    prop="thrate"
                    label="全网算力"
                    width="">
                </el-table-column>
                <el-table-column
                    prop="prw"
                    label="24小时预估收益"
                    width="">
                </el-table-column>
            </el-table>
        </div>
        <div class="deswrap">
            <h1>挖矿说明</h1>
            <div class="des">
                <p>矿池采用PPLNS+PPS模式（ZEC,SC,BTX除外），根据矿工提供的算力提供相对稳定的收益</p>
                <p>挖矿手续费:&nbsp;ETH手续费为2%;&nbsp;&nbsp;ETC手续费为4%;&nbsp;&nbsp;EXP手续费为4%;&nbsp;&nbsp;ZEC手续费为1%;&nbsp;&nbsp;SC手续费为3%;&nbsp;&nbsp;BTX手续费为1%;&nbsp;&nbsp;DCR手续费为1%;</p>
                <p>PPLNS模式，统一收1%手续费。</p>
                <p>ETH支付说明:&nbsp;余额达到0.1ETH进行支付。</p>
                <p>ETC支付说明:&nbsp;余额达到0.1ETC进行支付。</p>
                <p>EXP支付说明:&nbsp;余额达到0.5EXP进行支付。</p>
                <p>ZEC支付说明:&nbsp;余额达到0.1ZEC进行支付。</p>
                <p>SC支付说明:&nbsp;余额达到500SC进行支付。</p>
                <p>BTX支付说明:&nbsp;余额达到0.1BTX进行支付，矿池承担支付所需的手续费。</p>
                <p>ETH、ETC、EXP、SC:每天8点~12点进行支付，矿池承担支付所需的手续费。</p>
                <p>ZEC:每挖到一个块并在块成熟后进行支付。</p>
            </div>
        </div>
        <div class="dlwrap">
            <h1>挖矿客户端</h1>
            <div class="dldes">
                <h3>使用客户端挖矿，更简单！</h3>
            </div>
            <div class="dlmain">
                <div class="maindes">
                    <div>
                        <p>1.支持多币种的挖矿，例如:ETH，ETC，EXP，ZEC，SC，BTX，DCR。</p>
                        <p>2.支持国内多个矿池，例如：GPU矿池，鱼池，星火等。</p>
                        <p>3.支持自定义矿池。</p>
                        <p>4.自动判断显卡类型，采用效率最高的挖矿内核。</p>
                        <p>5.真正实现了反抽水。</p>
                    </div>
                    <div class="btnwrap">
                        <a class="dlbtn" href="https://pan.baidu.com/s/1VVKSv5DSw0hGnwaXkb5jAw" target="_blank">下载客户端</a>
                    </div>
                </div>
                <div class="dlpic"></div>
            </div>
        </div>
        <footemp></footemp>
    </div>
</template>
<script>
    import topnav from "@/components/common/topnav.vue";
    import footemp from "@/components/common/footer.vue";
    export default {
        name: "homepage",
        data() {
            return {
                coindata: [],
                activeNames: []
            }
        },
        mounted() {
            let that = this;
            that.api.get({
                url: "http://pool-management.poolgpu.com:18081/homepage/maindata",
                callback: function(data) {
                    if(data.code == 0) {
                        let tempdata = data.data;
                        for(var i in tempdata) {
                            that.coindata.push({
                                coin: i,
                                refprice: tempdata[i].ref_price,
                                minerct: tempdata[i].miner_count,
                                hrate: tempdata[i].hashrate,
                                thrate: tempdata[i].total_hashrate,
                                prw: (tempdata[i].pre_reward + " " + (i.toUpperCase()) + " / MH/s")
                            });
                        }
                    }
                }
            });
        },
        components: {
            topnav,
            footemp
        }
    }
</script>
<style>
    .hpage .banner {
        width: 100%;
        height: 100%;
        background-image: url("../assets/imgs/bgpic.jpg");
        background-attachment: fixed;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        text-align: center;
    }
    .hpage .banner:before {
        content: '';
        background: rgba(75, 75, 93, 0.9);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .hpage .deswrap {
        color: #555555;
        padding: 80px;
        background-color: #ffffff;
    }
    .hpage .deswrap h1 {
        margin-bottom: 20px;
    }
    .hpage .dlwrap {
        color: #000000;
        padding: 80px 0px;
    }
    .hpage .dlwrap h3 {
        margin: 20px 0px 40px 0px;
    }
    .hpage .dlwrap .dlmain {
        width: 90%;
        margin: 0px auto;
    }
    .hpage .dlwrap .dlmain .maindes {
        display: inline-block;
        text-align: left;
    }
    .hpage .dlwrap .dlmain .maindes p,.hpage .deswrap p {
        margin: 10px 0px;
    }
    .hpage .dlpic {
        display: inline-block;
        vertical-align: top;
        width: 300px;
        height: 300px;
        background-image: url(../assets/imgs/dlpic.png);
        background-size: 100% 100%;
        margin-left: 20px;
    }
    .hpage .dlwrap .dlbtn {
        display: inline-block;
        padding: 10px 15px;
        color: #ffffff;
        background-color: #20a0ff;
        border: 1px solid #20a0ff;
        border-radius: 4px;
        text-decoration: none;
        margin-top: 40px;
    }
    .hpage .datawrap {
        padding: 80px;
        color: #000000;
    }
    .hpage .datawrap th {
        text-align: center;
    }
    .hpage .datawrap h1 {
        margin-bottom: 20px;
    }
    .hpage .addrwrap {
        color: #000000;
        padding: 80px 0px;
        background-color: #ffffff;
    }
    .hpage .addrwrap h1 {
        margin-bottom: 20px;
    }
    .hpage .addrwrap .addrmain {
        width: 940px;
        margin: 0px auto;
    }
    .hpage .addrlist ul {
        list-style-type: none;
    }
    .hpage .m10px {
        margin-top: 10px;
    }
    .hpage .addrlist ul {
        overflow: hidden;
    }
    .hpage .addrlist ul li {
        float: left;
        width: 300px;
        border-right: 1px solid #9c9c9c;
        border-bottom: 1px solid #9c9c9c;
    }
    .hpage .h65px {
        height: 65px;
    }
    .hpage .lh65px {
        line-height: 65px;
    }
    .hpage .brl {
        border-left: 1px solid #9c9c9c;
    }
    .hpage .brt {
        border-top: 1px solid #9c9c9c;
    }
    .hpage .h95px {
        height: 95px;
    }
    .hpage .lh95px {
        line-height: 95px;
    }
    .hpage .pd10px {
        padding: 10px 0px;
    }
    .hpage .wx-code-wrap {
        position: fixed;
        top: 135px;
        right: 0px;
        z-index: 9999;
        padding: 10px;
        background-color: #ffffff;
        border: 1px solid #ebeef5;
        box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    }
    .hpage .wx-pic-wrap {
        width: 120px;
        height: 120px;
        margin-bottom: 5px;
    }
    .hpage .wx-pic-wrap img {
        display: block;
        width: 100%;
    }
</style>